The labs for this course already have everything installed and set up so you can start working with React right away.

In order to run and view your React app you will need to open the VS Code built-in terminal, run npm start , and then click Open Development server .

The Open Development server link can be found on the blue horizontal bar at the very bottom of the lab window, written in white letters on a blue background. Click this link.

That will open the app in the browser in a separate tab.

To view your code and instructions side-by-side , select the following in your VS Code toolbar:

  1. View -> Editor Layout -> Two Columns

  2. To view a file in Preview mode, right click on the file and Open Preview (in the EXPLORER sidebar)

  3. Select your code file in the code tree, which will open it up in a new VS Code tab.

  4. You can drag any file over to the second column to view the contents in that column.

  5. Great work! You can now see instructions and code at the same time.

You can download the source code in the following way (without node_modules ):